<template>
    <div class="marker">
        <img src="/images/church.png" height="48px" width="48px">
        <div>{{extData.title}}</div>
    </div>
</template>
<script>
export default {
    created () {
        // console.log('context marker',this.context);
        // console.log('instance',this.extData);
    },
    props: {
        extData:{},
    }
};
</script>
<style scoped>
.marker{
    text-align: center;
    background-color: rgba(0, 0, 255, 0) !important;
    position: relative;
}
.marker>div{
    white-space:nowrap;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color:#ffffff;
    padding:3px 5px;
    border-radius:5px;
    background-color: rgba(0, 0, 255, 0.6);
}
</style>
